<template>
  <div class="nav">
    <ul>
      <li>
        <router-link to="/">首页</router-link>
      </li>
      <li class="r">
        <router-link to="/login">登录</router-link>
      </li>
      <li class="r">
        <router-link to="/register">注册</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.nav {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background-color: #91aad1;
  overflow: hidden;
  ul {
    width: 100%;
    height: 100%;
    li {
      width: 50px;
      float: left;
      margin-left: 140px;
      height: 100%;
      color: #fff;
      a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
    }
    .r {
      float: right;
      margin-right: 80px;
    }
  }
}
</style>